<template>
    <div class="addResumeWrapper">
        <div class="tableWrapper marT20 padd20">
        <el-row :gutter="20">
            <el-tag class="marBT10" :type="isUserPhotoShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getUserPhoto">照片</el-tag>
            <el-tag class="marBT10" :type="isIncumInfoShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getIncumInfo">在职信息</el-tag>
            <el-tag class="marBT10" :type="isBaseMsgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getBaseMsg">基本信息</el-tag>
            <el-tag class="marBT10" :type="isFundSocialShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getFundSocial">公积金与社保</el-tag>
            <el-tag class="marBT10" :type="isSixItemShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getSixItem">六项申报扣除</el-tag>
            <el-tag class="marBT10" :type="isFamMemberShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getFamMember">紧急联系人</el-tag>
            <el-tag class="marBT10" :type="isEduExperShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getEduExper">教育经历</el-tag>
            <el-tag class="marBT10" :type="isRewardsShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getRewards">奖惩记录</el-tag>
            <el-tag class="marBT10" :type="isPostTransShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPostTrans">调岗记录</el-tag>
            <el-tag class="marBT10" :type="isUserStatusShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getUserStatus">人员状态记录</el-tag>
            <el-tag class="marBT10" :type="isOccGradeShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getOccGrade">职业技能记录</el-tag>
            <el-tag class="marBT10" :type="isCardNumImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(2)">身份证图片</el-tag>
            <el-tag class="marBT10" :type="isResumeImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(1)">简历图片</el-tag>
            <el-tag class="marBT10" :type="isLeavingImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(4)">离职图片</el-tag>
            <el-tag class="marBT10" :type="isCerImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(3)">职称证书图片</el-tag>
            <el-tag class="marBT10" :type="isEduCerImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(6)">学历证书图片</el-tag>
            <el-tag class="marBT10" :type="isBankCardImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(7)">建行卡图片</el-tag>
            <el-tag class="marBT10" :type="isDriverImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(8)">驾驶证图片</el-tag>
            <el-tag class="marBT10" :type="isDrivingImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(9)">行驶证图片</el-tag>
            <el-tag class="marBT10" :type="isTrafficImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(10)">交强险图片</el-tag>
            <el-tag class="marBT10" :type="isCommercialImgShow ? '' : 'warning'" style="cursor:pointer;" @click.stop.native="getPics(11)">商业险图片</el-tag>
        </el-row>
    </div>

        <!-- 照片与简历 -->
        <el-row :gutter="20" class="marBT20" v-show="isUserPhotoShow">
            <el-col :span="24">
                <img v-if="imageUrl" :src="imageUrl" class="avatar">
            </el-col>
        </el-row>

        <!-- 在职信息 -->
        <el-row class=" marBT20" v-show="isIncumInfoShow">
            <el-col :span="24">
                <el-form ref="incumInfo" :model="incumInfo" class="marT10" :inline="true" hide-required-asterisk=true label-width="82px">
                    <el-row>
                        <el-col :span="8">
                            <el-form-item label="工号" prop="staffNum">
                                    <p class="ellipsis" :title="incumInfo.staffNum">{{incumInfo.staffNum}}</p>
                            </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="组织" prop="organiName">
                                    <p class="ellipsis" :title="incumInfo.organiName">{{incumInfo.organiName}}</p>
                                </el-form-item>
                        </el-col>
                        <el-col :span="8">
                            <el-form-item label="职位" prop="posName">
                                <p class="ellipsis" :title="incumInfo.posName">{{incumInfo.posName}}</p>
                            </el-form-item>
                        </el-col>
                    </el-row>
                </el-form>

            </el-col>
        </el-row>

        <!-- 基本信息 -->
        <el-row class="marBT20" v-show="isBaseMsgShow">
            <!-- 基本信息文本 -->
            <el-col :span="24">
                    <el-form ref="baseMsgFrm" :model="baseMsgFrm" class="marT10" :inline="true" hide-required-asterisk=true label-width="82px">
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="姓名" prop="userName">
                                    <p class="ellipsis" :title="baseMsgFrm.userName">{{baseMsgFrm.userName}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="性别" prop="userSex">
                                    <p title="男" v-if="baseMsgFrm.userSex === 1">男</p>
                                    <p title="女" v-else>女</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="出生日期" prop="userBirth">
                                    <p class="ellipsis" :title="baseMsgFrm.userBirth">{{baseMsgFrm.userBirth}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="政治面貌" prop="politicalOutlook">
                                    <p class="ellipsis" title="中共党员" v-if="baseMsgFrm.politicalOutlook === 1">中共党员</p>
                                    <p class="ellipsis" title="中共预备党员"  v-else-if="baseMsgFrm.politicalOutlook === 2">中共预备党员</p>
                                    <p class="ellipsis" title="共青团员"  v-else-if="baseMsgFrm.politicalOutlook === 3">共青团员</p>
                                    <p class="ellipsis" title="民革党员"  v-else-if="baseMsgFrm.politicalOutlook === 4">民革党员</p>
                                    <p class="ellipsis" title="民盟盟员"  v-else-if="baseMsgFrm.politicalOutlook === 5">民盟盟员</p>
                                    <p class="ellipsis" title="民建会员"  v-else-if="baseMsgFrm.politicalOutlook === 6">民建会员</p>
                                    <p class="ellipsis" title="民进会员"  v-else-if="baseMsgFrm.politicalOutlook === 7">民进会员</p>
                                    <p class="ellipsis" title="农工党党员"  v-else-if="baseMsgFrm.politicalOutlook === 8">农工党党员</p>
                                    <p class="ellipsis" title="致公党党员"  v-else-if="baseMsgFrm.politicalOutlook === 9">致公党党员</p>
                                    <p class="ellipsis" title="九三学社社员"  v-else-if="baseMsgFrm.politicalOutlook === 10">九三学社社员</p>
                                    <p class="ellipsis" title="台盟盟员"  v-else-if="baseMsgFrm.politicalOutlook === 11">台盟盟员</p>
                                    <p class="ellipsis" title="无党派人士"  v-else-if="baseMsgFrm.politicalOutlook === 12">无党派人士</p>
                                    <p class="ellipsis" title="群众"  v-else-if="baseMsgFrm.politicalOutlook === 13">群众</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="婚姻状况" prop="maritalStatus">
                                    <p title="未婚" v-if="baseMsgFrm.maritalStatus === 1">未婚</p>
                                    <p title="已婚" v-else-if="baseMsgFrm.maritalStatus === 2">已婚</p>
                                    <p title="其它" v-else-if="baseMsgFrm.maritalStatus === 3">其它</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="健康状况" prop="health">
                                    <p title="健康" v-if="baseMsgFrm.health === 1">健康</p>
                                    <p title="良好" v-else-if="baseMsgFrm.health === 2">残疾</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="籍贯" prop="nativePlace">
                                    <p class="ellipsis" :title="baseMsgFrm.nativePlace">{{baseMsgFrm.nativePlace}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="邮箱" prop="userEmail">
                                    <p class="ellipsis" :title="baseMsgFrm.userEmail">{{baseMsgFrm.userEmail}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="QQ" prop="qq">
                                    <p class="ellipsis" :title="baseMsgFrm.qq">{{baseMsgFrm.qq}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="民族" prop="nation">
                                    <p title="汉族" v-if="baseMsgFrm.nation=== 1">汉族</p>
                                    <p title="蒙古族" v-else-if="baseMsgFrm.nation=== 2">蒙古族</p>
                                    <p title="回族" v-else-if="baseMsgFrm.nation=== 3">回族</p>
                                    <p title="藏族" v-else-if="baseMsgFrm.nation=== 4">藏族</p>
                                    <p title="维吾尔族" v-else-if="baseMsgFrm.nation=== 5">维吾尔族</p>
                                    <p title="苗族" v-else-if="baseMsgFrm.nation=== 6">苗族</p>
                                    <p title="彝族" v-else-if="baseMsgFrm.nation=== 7">彝族</p>
                                    <p title="壮族" v-else-if="baseMsgFrm.nation=== 8">壮族</p>
                                    <p title="布衣族" v-else-if="baseMsgFrm.nation=== 9">布衣族</p>
                                    <p title="朝鲜族" v-else-if="baseMsgFrm.nation=== 10">朝鲜族</p>
                                    <p title="满族" v-else-if="baseMsgFrm.nation=== 11">满族</p>
                                    <p title="侗族" v-else-if="baseMsgFrm.nation=== 12">侗族</p>
                                    <p title="瑶族" v-else-if="baseMsgFrm.nation=== 13">瑶族</p>
                                    <p title="白族" v-else-if="baseMsgFrm.nation=== 14">白族</p>
                                    <p title="土家族" v-else-if="baseMsgFrm.nation=== 15">土家族</p>
                                    <p title="哈尼族" v-else-if="baseMsgFrm.nation=== 16">哈尼族</p>
                                    <p title="哈萨克族" v-else-if="baseMsgFrm.nation=== 17">哈萨克族</p>
                                    <p title="傣族" v-else-if="baseMsgFrm.nation=== 18">傣族</p>
                                    <p title="黎族" v-else-if="baseMsgFrm.nation=== 19">黎族</p>
                                    <p title="傈僳族" v-else-if="baseMsgFrm.nation=== 20">傈僳族</p>
                                    <p title="佤族" v-else-if="baseMsgFrm.nation=== 21">佤族</p>
                                    <p title="畲族" v-else-if="baseMsgFrm.nation=== 22">畲族</p>
                                    <p title="高山族" v-else-if="baseMsgFrm.nation=== 23">高山族</p>
                                    <p title="拉祜族" v-else-if="baseMsgFrm.nation=== 24">拉祜族</p>
                                    <p title="水族" v-else-if="baseMsgFrm.nation=== 25">水族</p>
                                    <p title="东乡族" v-else-if="baseMsgFrm.nation=== 26">东乡族</p>
                                    <p title="纳西族" v-else-if="baseMsgFrm.nation=== 27">纳西族</p>
                                    <p title="景颇族" v-else-if="baseMsgFrm.nation=== 28">景颇族</p>
                                    <p title="柯尔克孜" v-else-if="baseMsgFrm.nation=== 29">柯尔克孜</p>
                                    <p title="土族" v-else-if="baseMsgFrm.nation=== 30">土族</p>
                                    <p title="达斡尔族" v-else-if="baseMsgFrm.nation=== 31">达斡尔族</p>
                                    <p title="仫佬族" v-else-if="baseMsgFrm.nation=== 32">仫佬族</p>
                                    <p title="羌族" v-else-if="baseMsgFrm.nation=== 33">羌族</p>
                                    <p title="布朗族" v-else-if="baseMsgFrm.nation=== 34">布朗族</p>
                                    <p title="撒拉族" v-else-if="baseMsgFrm.nation=== 35">撒拉族</p>
                                    <p title="毛难族" v-else-if="baseMsgFrm.nation=== 36">毛难族</p>
                                    <p title="仡佬族" v-else-if="baseMsgFrm.nation=== 37">仡佬族</p>
                                    <p title="锡伯族" v-else-if="baseMsgFrm.nation=== 38">锡伯族</p>
                                    <p title="阿昌族" v-else-if="baseMsgFrm.nation=== 39">阿昌族</p>
                                    <p title="普米族" v-else-if="baseMsgFrm.nation=== 40">普米族</p>
                                    <p title="塔吉克族" v-else-if="baseMsgFrm.nation=== 41">塔吉克族</p>
                                    <p title="怒族" v-else-if="baseMsgFrm.nation=== 42">怒族</p>
                                    <p title="乌孜别克" v-else-if="baseMsgFrm.nation=== 43">乌孜别克</p>
                                    <p title="俄罗斯族" v-else-if="baseMsgFrm.nation=== 44">俄罗斯族</p>
                                    <p title="鄂温克族" v-else-if="baseMsgFrm.nation=== 45">鄂温克族</p>
                                    <p title="崩龙族" v-else-if="baseMsgFrm.nation=== 46">崩龙族</p>
                                    <p title="保安族" v-else-if="baseMsgFrm.nation=== 47">保安族</p>
                                    <p title="裕固族" v-else-if="baseMsgFrm.nation=== 48">裕固族</p>
                                    <p title="京族" v-else-if="baseMsgFrm.nation=== 49">京族</p>
                                    <p title="塔塔尔族" v-else-if="baseMsgFrm.nation=== 50">塔塔尔族</p>
                                    <p title="独龙族" v-else-if="baseMsgFrm.nation=== 51">独龙族</p>
                                    <p title="鄂伦春族" v-else-if="baseMsgFrm.nation=== 52">鄂伦春族</p>
                                    <p title="赫哲族" v-else-if="baseMsgFrm.nation=== 53">赫哲族</p>
                                    <p title="门巴族" v-else-if="baseMsgFrm.nation=== 54">门巴族</p>
                                    <p title="珞巴族" v-else-if="baseMsgFrm.nation=== 55">珞巴族</p>
                                    <p title="基诺族" v-else-if="baseMsgFrm.nation=== 56">基诺族</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="职称" prop="userTitle">
                                    <p class="ellipsis" :title="baseMsgFrm.userTitle">{{baseMsgFrm.userTitle}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="联系电话" prop="userTel">
                                    <p class="ellipsis" :title="baseMsgFrm.userTel">{{baseMsgFrm.userTel}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="身份证号" prop="userCardNo">
                                    <p class="ellipsis" :title="baseMsgFrm.userCardNo">{{baseMsgFrm.userCardNo}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="户籍地址" prop="perAddress">
                                    <p class="ellipsis" :title="baseMsgFrm.perAddress">{{baseMsgFrm.perAddress}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="常住地址" prop="concatAddress">
                                    <p class="ellipsis" :title="baseMsgFrm.concatAddress">{{baseMsgFrm.concatAddress}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="毕业学校" prop="gradSchool">
                                    <p class="ellipsis" :title="baseMsgFrm.gradSchool">{{baseMsgFrm.gradSchool}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="毕业时间" prop="gradTime">
                                    <p class="ellipsis" :title="baseMsgFrm.gradTime">{{baseMsgFrm.gradTime}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
            </el-col>
        </el-row>

        <!-- 公积金与社保 -->
        <el-row class="marBT20" v-show="isFundSocialShow">
            <!-- 公积金与社保文本 -->
            <el-col :span="24">
                    <el-form ref="fundSocialFrm" :model="fundSocialFrm" class="marT10" :inline="true" hide-required-asterisk=true label-width="82px">
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="历史社保" prop="existWorkingAge">
                                    <p class="ellipsis" :title="fundSocialFrm.existWorkingAge === '' ? '/' : fundSocialFrm.existWorkingAge">{{fundSocialFrm.existWorkingAge === '' ? '/' : fundSocialFrm.existWorkingAge}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="本司社保" prop="comSocialSec">
                                    <p class="ellipsis" :title="fundSocialFrm.comSocialSec">{{fundSocialFrm.comSocialSec}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="本司工龄" prop="comWorkingTime">
                                    <p class="ellipsis" :title="fundSocialFrm.comWorkingTime">{{fundSocialFrm.comWorkingTime}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="社保期数" prop="totalWorkingTime">
                                    <p class="ellipsis" :title="fundSocialFrm.totalWorkingTime === '' ? '/' : fundSocialFrm.totalWorkingTime">{{fundSocialFrm.totalWorkingTime === '' ? '/' : fundSocialFrm.totalWorkingTime}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="公积金账号" prop="fundAccount">
                                    <p class="ellipsis" :title="fundSocialFrm.fundAccount === '' ? '/' : fundSocialFrm.fundAccount">{{fundSocialFrm.fundAccount === '' ? '/' : fundSocialFrm.fundAccount}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
            </el-col>
        </el-row>

        <!-- 六项申报扣除 -->
        <el-row class="marBT20" v-show="isSixItemShow">
            <!-- 六项申报扣除文本 -->
            <el-col :span="24">
                    <el-form ref="sixItem" :model="sixItem" class="marT10" :inline="true" hide-required-asterisk=true label-width="82px" v-if="sixItem.declareMethod !== null">
                        <el-row>
                            <el-col :span="8">
                                <el-form-item label="申报方式" prop="declareMethod">
                                    <p class="ellipsis" title="无须申报" v-if="sixItem.declareMethod === 1">无须申报</p>
                                    <p class="ellipsis" title="自主申报" v-else-if="sixItem.declareMethod === 2">自主申报</p>
                                    <p class="ellipsis" title="公司代扣" v-else-if="sixItem.declareMethod === 3">公司代扣</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="境外人员" prop="isSeasPerson">
                                    <p>{{sixItem.isSeasPerson === 1 ? '是' : '否'}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row v-if="sixItem.declareMethod === 3">
                            <el-col :span="8">
                                <el-form-item label="子女教育" prop="childEduQuota">
                                    <p class="ellipsis" :title="sixItem.childEduQuota === '' ? '/' : sixItem.childEduQuota">{{sixItem.childEduQuota === '' ? '/' : sixItem.childEduQuota}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="继续教育" prop="continueEduQuota">
                                    <p class="ellipsis" :title="sixItem.continueEduQuota === '' ? '/' : sixItem.continueEduQuota">{{sixItem.continueEduQuota === '' ? '/' : sixItem.continueEduQuota}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="赡养老人" prop="supportElderQuota">
                                    <p class="ellipsis" :title="sixItem.supportElderQuota === '' ? '/' : sixItem.supportElderQuota">{{sixItem.supportElderQuota === '' ? '/' : sixItem.supportElderQuota}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-row v-if="sixItem.declareMethod === 3 && sixItem.houseRent !== '' ">
                            <el-col :span="8">
                                <el-form-item label="租房/购房" prop="houseRent">
                                    <p class="ellipsis" :title="sixItem.houseRent">{{sixItem.houseRent}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="省" prop="provinceName">
                                    <p class="ellipsis" :title="sixItem.provinceName">{{sixItem.provinceName}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="市" prop="cityName">
                                    <p class="ellipsis" :title="sixItem.cityName">{{sixItem.cityName}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="区(县)" prop="districtName">
                                    <p class="ellipsis" :title="sixItem.districtName">{{sixItem.districtName}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="街道地址" prop="street">
                                    <p class="ellipsis" :title="sixItem.street">{{sixItem.street}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="详细地址" prop="detailAddress">
                                    <p class="ellipsis" :title="sixItem.detailAddress">{{sixItem.detailAddress}}</p>
                                </el-form-item>
                            </el-col>
                            <el-col :span="8">
                                <el-form-item label="是否租房" prop="isRentHouse">
                                    <p class="ellipsis" :title="sixItem.isRentHouse === 1 ? '租房' : '购房'">{{sixItem.isRentHouse === 1 ? '租房' : '购房'}}</p>
                                </el-form-item>
                            </el-col>
                        </el-row>
                    </el-form>
                    <div class="tipNoData" v-else>暂无数据</div> 
            </el-col>
        </el-row>

        <!-- 紧急联系人 -->
        <el-row class="marBT20" v-show="isFamMemberShow">
            <el-col :span="24">
                    <div>
                        <!-- 紧急联系人列表 -->
                        <div class="marB20 font14" v-show="memberList.length > 0">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1">称呼</p>
                                </el-col>
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1">姓名</p>
                                </el-col>
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1 borderR1">电话</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass tdText" v-for="(item,index) of memberList" :key="item.memberId" :index="index">
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1 ellipsis">{{item.memberCall}}</p>
                                </el-col>
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1 ellipsis">{{item.memberName}}</p>
                                </el-col>
                                <el-col :span="8">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1">{{item.memberTel}}</p>
                                </el-col>
                            </el-row>
                        </div>

                        <div class="tipNoData" v-show="memberList.length <= 0">暂无数据</div> 
                    </div>

            </el-col>
        </el-row>

        <!-- 教育经历 -->
        <el-row class="marBT20" v-show="isEduExperShow">
            <el-col :span="24">
                    <div>
                        <!-- 教育经历列表 -->
                        <div class="marB20 font14" v-show="eduList.length > 0">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        学历
                                    </p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1">毕业院校</p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1">毕业时间</p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 borderR1">专业名称</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass borderT1 tdText" v-for="(item,index) of eduList" :key="item.eduId" :index="index">
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="初中及以下" v-if="item.education === 1">初中及以下</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="高中" v-else-if="item.education === 2">高中</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="专科" v-else-if="item.education === 3">专科</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(成教)" v-else-if="item.education === 4">本科(成教)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(民办 / 自考)" v-else-if="item.education === 5">本科(民办 / 自考)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(二本)" v-else-if="item.education === 6">本科(二本)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(一本)" v-else-if="item.education === 7">本科(一本)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(211)" v-else-if="item.education === 8">本科(211)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="本科(985)" v-else-if="item.education === 9">本科(985)</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="硕士 / 工硕" v-else-if="item.education === 10">硕士 / 工硕</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="博士" v-else-if="item.education === 11">博士</p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradSchool">{{item.gradSchool}}</p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.gradTime">{{item.gradTime}}</p>
                                </el-col>
                                <el-col :span="6">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.professName">{{item.professName}}</p>
                                </el-col>
                            </el-row>
                        </div>

                        <div class="tipNoData" v-show="eduList.length <= 0">暂无数据</div> 
                    </div>

            </el-col>
        </el-row>
        
        <!-- 奖惩记录 -->
        <el-row class="marBT20" v-show="isRewardsShow">
            <el-col :span="24">
                    <div>
                        <!-- 奖惩记录 -->
                        <div class="marB20 font14" v-show="rewardList.length > 0">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        文件编号
                                    </p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        奖惩类型
                                    </p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        奖惩日期
                                    </p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1">奖惩金额</p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 borderR1">奖惩原因</p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass borderT1 tdText" v-for="(item,index) of rewardList" :key="item.rewardId" :index="index">
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="奖励" v-if="item.rewardsType === 1">奖励</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="口头警告" v-else-if="item.rewardsType === 2">口头警告</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="书面警告" v-else-if="item.rewardsType === 3">书面警告</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="一类事故" v-else-if="item.rewardsType === 4">一类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="二类事故" v-else-if="item.rewardsType === 5">二类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="三类事故" v-else-if="item.rewardsType === 6">三类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="四类事故" v-else-if="item.rewardsType === 7">四类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="五类事故" v-else-if="item.rewardsType === 8">五类事故</p>
                                    <p class="paddTB10 tContent borderL1 ellipsis" title="六类事故" v-else-if="item.rewardsType === 9">六类事故</p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsTime">{{item.rewardsTime}}</p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.rewardsMoney">{{item.rewardsMoney}}</p>
                                </el-col>
                                <el-col :span="5">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.rewardsReason">{{item.rewardsReason}}</p>
                                </el-col>
                            </el-row>
                        </div>

                        <div class="tipNoData" v-show="rewardList.length <= 0">暂无数据</div> 
                    </div>

            </el-col>
        </el-row>
        
        <!-- 调岗记录 -->
        <el-row class="marBT20" v-show="isPostTransShow">
            <el-col :span="24">
                    <div>
                        <div class="marB20 font14"  v-show="postTransList.length > 0">
                            <el-row class="headerRowClass borderT1">
                                <!-- <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        文件编号
                                    </p>
                                </el-col> -->
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        文件编号
                                    </p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1">
                                        原部门
                                    </p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1">
                                        新部门
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        原职位
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        新职位
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1">
                                        调岗时间
                                    </p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 borderR1">
                                        调岗原因
                                    </p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass borderT1 tdText" v-for="(item,index) of postTransList" :key="item.postTransId" :index="index">
                                <!-- <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.fileNum">{{item.fileNum}}</p>
                                </el-col> -->
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustNum">{{item.postAdjustNum}}</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldDepartName">{{item.oldDepartName}}</p>
                                </el-col>
                                <el-col :span="4">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newDepartName">{{item.newDepartName}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.oldPostName">{{item.oldPostName}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.newPostName">{{item.newPostName}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.postAdjustTime">{{item.postAdjustTime}}</p>
                                </el-col>
                                <el-col :span="3">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.postAdjustReason">{{item.postAdjustReason}}</p>
                                </el-col>
                            </el-row>
                        </div>

                        <div class="tipNoData" v-show="postTransList.length <= 0">暂无数据</div> 
                    </div>

            </el-col>
        </el-row>
        
        <!-- 人员状态记录 -->
        <el-row class="marBT20" v-show="isUserStatusShow">
            <el-col :span="24">
                <div>
                    <div class="marB20 font14" v-show="userStatusList.length > 0">
                        <el-row class="headerRowClass borderT1">
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 posRelative">
                                    工作状态
                                </p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1">
                                    开始时间
                                </p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1">
                                    结束时间
                                </p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 borderR1">
                                    操作
                                </p>
                            </el-col>
                        </el-row>
                        <el-row class="rowClass borderT1 tdText" v-for="(item,index) of userStatusList" :key="item.userStatusId" :index="index">
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 ellipsis" title="在校实习生" v-if="item.workNature === 1">在校实习生</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="试用" v-else-if="item.workNature === 2">试用</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="首签合同" v-else-if="item.workNature === 3">首签合同</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="续签合同" v-else-if="item.workNature === 4">续签合同</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="无固定期限合同" v-else-if="item.workNature === 5">无固定期限合同</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="停薪留职" v-else-if="item.workNature === 6">停薪留职</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="离职" v-else-if="item.workNature === 7">离职</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="退休返职" v-else-if="item.workNature === 8">退休返职</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="钟点工" v-else-if="item.workNature === 9">钟点工</p>
                                <p class="paddTB10 tContent borderL1 ellipsis" title="兼职" v-else-if="item.workNature === 10">兼职</p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.eventTime">{{item.eventTime}}</p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 ellipsis" :title="item.endEventTime">{{item.endEventTime}}</p>
                            </el-col>
                            <el-col :span="6">
                                <p class="paddTB10 tContent borderL1 ellipsis borderR1" title="操作">
                                    <span title="下载合同"  v-if = "item.workNature !== 6 && item.workNature !== 7 && item.workNature !== 10">
                                        <icon name="view" class="scaleIcon1" @click.native.stop="downLoadContract(item.userStatusId)" style="cursor:pointer;"></icon>
                                    </span>
                                </p>
                            </el-col>
                        </el-row>
                    </div>

                    <div class="tipNoData" v-show="userStatusList.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <!-- 职业技能记录 -->
        <el-row class="marBT20" v-show="isOccGradeShow">
            <el-col :span="24">
                    <div>
                        <div class="marB20 font14" v-show="occGradeList.length > 0">
                            <el-row class="headerRowClass borderT1">
                                <el-col :span="12">
                                    <p class="paddTB10 tContent borderL1 posRelative">
                                        职业技能
                                    </p>
                                </el-col>
                                <el-col :span="12">
                                    <p class="paddTB10 tContent borderL1 borderR1">
                                        开始时间
                                    </p>
                                </el-col>
                            </el-row>
                            <el-row class="rowClass borderT1 tdText" v-for="(item,index) of occGradeList" :key="item.occGradeId" :index="index">
                                <el-col :span="12">
                                    <p class="paddTB10 tContent borderL1 ellipsis" :title="item.occGradeStr">{{item.occGradeStr}}</p>
                                </el-col>
                                <el-col :span="12">
                                    <p class="paddTB10 tContent borderL1 ellipsis borderR1" :title="item.eventTime">{{item.eventTime}}</p>
                                </el-col>
                            </el-row>
                        </div>

                        <div class="tipNoData" v-show="occGradeList.length <= 0">暂无数据</div> 
                    </div>
                    
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isCardNumImgShow">
            <el-col :span="24">
                     <div>
                        <img v-for="(item,index) of cardNumImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="0" title="点击可预览图片">
                        <div class="tipNoData" v-show="cardNumImages.length <= 0">暂无数据</div> 
                     </div>
            </el-col>
        </el-row>
        
        <el-row :gutter="20" class="marBT20" v-show="isResumeImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of resumeImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="1" title="点击可预览图片">
                    <div class="tipNoData" v-show="resumeImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isLeavingImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of leavingImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="2" title="点击可预览图片">
                    <div class="tipNoData" v-show="leavingImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isCerImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of cerImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="3" title="点击可预览图片">
                    <div class="tipNoData" v-show="cerImages.length <= 0">暂无数据</div>
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isEduCerImgShow">
            <el-col :span="24">
                    <div>
                        <img v-for="(item,index) of eduCerImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="4" title="点击可预览图片">
                        <div class="tipNoData" v-show="eduCerImages.length <= 0">暂无数据</div>
                    </div> 
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isBankCardImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of bankCardImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="5" title="点击可预览图片">
                    <div class="tipNoData" v-show="bankCardImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isDriverImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of driverImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="6" title="点击可预览图片">
                    <div class="tipNoData" v-show="driverImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isDrivingImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of drivingImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="7" title="点击可预览图片">
                    <div class="tipNoData" v-show="drivingImages.length <= 0">暂无数据</div>
                </div> 
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isTrafficImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of trafficImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="8" title="点击可预览图片">
                    <div class="tipNoData" v-show="trafficImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

        <el-row :gutter="20" class="marBT20" v-show="isCommercialImgShow">
            <el-col :span="24">
                <div>
                    <img v-for="(item,index) of commercialImages" :src="item.url" class="avatar marR8" :key="index" style="display:inline-block" preview="9" title="点击可预览图片">
                    <div class="tipNoData" v-show="commercialImages.length <= 0">暂无数据</div> 
                </div>
            </el-col>
        </el-row>

    </div>
</template>



<script>
import imageView from 'vue-imageview'
import http from '@/assets/js/http'
import _g from '@/assets/js/global'
import config from '@/assets/js/config.js'

import { sex,outlook,maritalStatus,health,nation,educationArr,workNatureArr,rewardsArr,levelArr,ADDRLIST} from "@/assets/js/data.js"

import { downFile} from "@/assets/js/common.js"
  export default {
      data() {

        return {

            // 所有模块默认隐藏
            isUserPhotoShow:true,//    照片模块显示
            isIncumInfoShow:false,//    在职信息
            isBaseMsgShow:false,//    基本信息
            isFundSocialShow:false,//    公积金与社保
            isSixItemShow:false,//    六项申报扣除
            isFamMemberShow:false,//    紧急联系人
            isEduExperShow:false,//    教育经历
            isRewardsShow:false,//    奖惩记录
            isPostTransShow:false,//    调岗记录
            isUserStatusShow:false,//    人员状态记录
            isOccGradeShow:false,//    职业技能记录
            isCardNumImgShow:false,//    身份证图片
            isResumeImgShow:false,//    简历图片
            isLeavingImgShow:false,//    离职图片
            isCerImgShow:false,//    职称证书图片
            isEduCerImgShow:false,//    学历证书图片
            isBankCardImgShow:false,//    建行卡图片
            isDriverImgShow:false,//    驾驶证图片
            isDrivingImgShow:false,//    行驶证图片
            isTrafficImgShow:false,//    交强险图片
            isCommercialImgShow:false,//    商业险图片


            // 图片查看器
            // 显示组件
            show: false,
            // 从哪一张图片开始
            imageIndex: 0,

            resumeImages : [],                                                      //  简历图片集合                                                            
            cardNumImages : [],                                                      //  身份证图片集合                                                            
            cerImages : [],                                                      //  职称证书图片集合                                                            
            leavingImages : [],                                                      //  离职图片集合                                                            
            rewardImages : [],                                                      //  奖惩图片集合  
            eduCerImages : [],                                                      //  学历证书图片
            bankCardImages : [],                                                      //  银行卡图片
            driverImages : [],                                                      //  驾驶证图片
            drivingImages : [],                                                      //  行驶证图片
            trafficImages : [],                                                      //  交强险图片
            commercialImages : [], 										//  商业险图片

            // 前端静态数据
            sex,outlook,maritalStatus,health,nation,educationArr,workNatureArr,rewardsArr,levelArr,

            userId:null,                                                                    //  用户id

            imageUrl: '',                                                               //..图片路径

            // 简历图片集合
            resumePicObj:{
                resumeImageUrl : '',                                             //  预览简历小图路径
                resumeDialogImageUrl : '',                                  //  弹框图片路径
                resumeDialogVisible : false,                                  //  简历dialog默认隐藏
            },

            // 在职信息
            incumInfo:{
                oldStaffNum : '',                                                   //  旧工号
                staffNum : '',                                                      //  工号
                organiName:'',                                                              //..组织名
                depart:'',                                                              //..部门
                groupName:'',                                                              //..部门组名
                posName:'',                                                              //..职位
            },

            // 基本信息
            baseMsgFrm:{
                userName:'',//..姓名
                userSex:1, //..性别
                userBirth:'',//..出生年月
                politicalOutlook:13,       //  政治面貌
                maritalStatus:1,       //  婚姻状况
                health:1,                   //  健康状况
                nativePlace:'',         //..籍贯
                userEmail:'',       //..邮箱
                qq:'',                //  QQ       
                nation:1,           //  民族              
                userTitle:'',   //..职称
                userTel:'',     //..联系电话
                userCardNo:'',      //..身份证号
                perAddress:'',      //..户籍所在地
                concatAddress:'',      //..联系地址
                existWorkingAge:'',  //  历史社保
                comSocialSec:'',  //  本司社保
                comWorkingTime:'',  //  本司工龄
                totalWorkingTime:'',  //  总工龄
                fundAccount:'',  //  公积金账号
                gradSchool:'',  //  毕业学校
                gradTime:'',  //  毕业时间
            },

            // 公积金与社保
            fundSocialFrm:{
                existWorkingAge:'',  //  历史社保
                comSocialSec:'',  //  本司社保
                comWorkingTime:'',  //  本司工龄
                totalWorkingTime:'',  //  总工龄
                fundAccount:'',  //  公积金账号
            },

            //  六项申报扣除
            sixItem:{
                declareMethod : null,//申报方式.1无，2自主申报，3公司代扣(需要填写相关信息)
                isSeasPerson : 2,//是否境外人员 1:是,2:否
                provinceName : '',//省名字
                cityName : '',//市名字
                districtName : '',//区(县)名字
                street : '',//街道
                detailAddress : '',//详细地址
                childEduQuota : '',//子女教育额度
                continueEduQuota : '',//继续教育额度
                supportElderQuota : '',//赡养老人额度
                houseRent : '',//租房/购房额度
                isRentHouse :null,//   1租房2购房
            },                                                      
            memberList:[],                                                      //  家庭人员列表
            eduList:[],                                                      //  教育经历列表
            rewardList:[],                                                      //  奖惩记录列表
            postTransList:[],                                                      //  调岗记录列表
            userStatusList:[],                                                      //  人员动态记录列表
            occGradeList:[],                                                      //   职业技能记录列表
        }
    },
    methods: {
        /* 各模块隐藏 */
        hideModule(){
            this.isUserPhotoShow =false
            this.isIncumInfoShow =false
            this.isBaseMsgShow =false
            this.isFundSocialShow =false
            this.isSixItemShow =false
            this.isFamMemberShow =false
            this.isEduExperShow =false
            this.isRewardsShow =false
            this.isPostTransShow =false
            this.isUserStatusShow =false
            this.isOccGradeShow =false
            this.isCardNumImgShow =false
            this.isResumeImgShow =false
            this.isLeavingImgShow =false
            this.isCerImgShow =false
            this.isEduCerImgShow =false
            this.isBankCardImgShow =false
            this.isDriverImgShow =false
            this.isDrivingImgShow =false
            this.isTrafficImgShow =false
            this.isResumeImgShow =false
            this.isCommercialImgShow =false
        },
        /* 根据用户id查询大头照 */
        getUserPhoto(){
            const that = this
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryUserPhotoByUserId', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 大头照初始化
                        that.imageUrl = res.data.userPhoto.photo_path
                        that.oldPhotoName = res.data.userPhoto.photo_name

                        that.hideModule()
                        that.isUserPhotoShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询用户最新的部门与职位 */
        getIncumInfo(){
            const that = this
            const userId = that.userId

            let arr = []

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryLastDapartAndPos', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 在职信息初始化
                        that.incumInfo.staffNum = res.data.userBaseInfo.staffnum
                        that.incumInfo.oldStaffNum = res.data.userBaseInfo.staffnum
                        that.incumInfo.posName = res.data.userBaseInfo.post.pos_name

                         for(let item of res.data.userBaseInfo.infiniteLevelStructure){
                            arr.push(item.label)
                        }

                        that.incumInfo.organiName = arr.join(',')
                        // that.incumInfo.depart = res.data.userBaseInfo.depart.depart_name
                        // that.incumInfo.groupName = res.data.userBaseInfo.departGroup === null ? '/' : res.data.userBaseInfo.departGroup.group_name
                        that.incumInfo.posId = res.data.userBaseInfo.post.id
                        // that.incumInfo.departId = res.data.userBaseInfo.depart.id

                        that.hideModule()
                        that.isIncumInfoShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询用户基本信息 */
        getBaseMsg(){
            const that = this
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/users/queryBaseMsgByUserId', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 基本信息初始化
                        that.baseMsgFrm.userName = res.data.userBaseInfo.user_name
                        that.baseMsgFrm.userSex = res.data.userBaseInfo.user_sex
                        that.baseMsgFrm.userBirth = res.data.userBaseInfo.date_birth
                        that.baseMsgFrm.politicalOutlook = res.data.userBaseInfo.political_outlook
                        that.baseMsgFrm.maritalStatus = res.data.userBaseInfo.marital_status
                        that.baseMsgFrm.health = res.data.userBaseInfo.health
                        that.baseMsgFrm.nativePlace = res.data.userBaseInfo.native_place
                        that.baseMsgFrm.userEmail = res.data.userBaseInfo.user_email === null ? '' : res.data.userBaseInfo.user_email
                        that.baseMsgFrm.qq = res.data.userBaseInfo.user_qq === null ? '' : res.data.userBaseInfo.user_qq
                        that.baseMsgFrm.nation = res.data.userBaseInfo.nation
                        that.baseMsgFrm.userTitle = res.data.userBaseInfo.user_title === null ? '' : res.data.userBaseInfo.user_title
                        that.baseMsgFrm.userTel = res.data.userBaseInfo.user_tel
                        that.baseMsgFrm.userCardNo = res.data.userBaseInfo.user_card_num
                        that.baseMsgFrm.perAddress = res.data.userBaseInfo.per_address
                        that.baseMsgFrm.concatAddress = res.data.userBaseInfo.concat_address

                        that.baseMsgFrm.gradSchool = res.data.userBaseInfo.grad_school === null ? res.data.userBaseInfo.ini_school : res.data.userBaseInfo.grad_school
                        that.baseMsgFrm.gradTime = res.data.userBaseInfo.grad_time === null ? res.data.userBaseInfo.ini_grad_time : res.data.userBaseInfo.grad_time

                        that.oldBaseMsgFrm = Object.assign({}, that.baseMsgFrm) 
                        
                        that.hideModule()
                        that.isBaseMsgShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询用户基本信息(获取公积金与社保) */
        getFundSocial(){
            const that = this
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/users/queryBaseMsgByUserId', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 公积金与社保初始化
                        that.fundSocialFrm.existWorkingAge = res.data.userBaseInfo.exist_working_age === null ? '' : res.data.userBaseInfo.exist_working_age
                        that.fundSocialFrm.comSocialSec = res.data.userBaseInfo.company_social_sec
                        that.fundSocialFrm.comWorkingTime = res.data.userBaseInfo.company_working_time
                        that.fundSocialFrm.fundAccount = res.data.userBaseInfo.fund_account === null ? '' : res.data.userBaseInfo.fund_account

                        if(res.data.userBaseInfo.exist_working_age !== null){
                            that.fundSocialFrm.totalWorkingTime = parseInt(res.data.userBaseInfo.exist_working_age) + parseInt(res.data.userBaseInfo.company_social_sec) + parseInt(res.data.userBaseInfo.company_working_time)
                        }

                        that.oldFundSocialFrm = Object.assign({}, that.fundSocialFrm) 

                        that.hideModule()
                        that.isFundSocialShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询紧急联系人 */
        getFamMember(){
            const that = this
            let memberList = []
            const userId = that.userId
            
            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryMemberByUserId', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 紧急联系人初始化
                        for(let member of res.data.memberList){
                            memberList.push({
                                memberId : member.id,
                                memberCall : member.member_call,
                                memberName : member.member_name,
                                memberTel : member.member_tel,
                            })
                        }
                        that.memberList = memberList

                        that.hideModule()
                        that.isFamMemberShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },

        /* 根据用户id查询所有通过审核的教育经历 */
        getEduExper(){
            const that = this
            let eduList = []
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryEduExperByUserIdPass', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // // 教育经历初始化
                        for(let education of res.data.eduExperList){
                            eduList.push({
                                eduId : education.id,
                                education : education.education,
                                gradSchool : education.graduated_school,
                                gradTime : education.graduated_time,
                                professName : education.professional_name,
                                auditStatus : education.audit_status,
                                auditFailReason : education.audit_fail_reason || '/',
                            })
                        }
                        that.eduList = eduList

                        that.hideModule()
                        that.isEduExperShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询所有通过审核的奖惩记录 */
        getRewards(){
            const that = this
            let rewardList = []
            const userId = that.userId
            
            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryRewardByUserIdPass', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                    // 奖惩记录初始化
                        for(let item of res.data.rewardsList){
                            rewardList.push({
                                rewardId : item.id,
                                rewardsType : item.rewards_type,
                                rewardsTime : item.rewards_time,
                                rewardsReason : item.rewards_reason,
                                rewardsMoney : item.rewards_money,
                                auditStatus : item.audit_status,
                                auditFailReason : item.audit_fail_reason || '/',
                                fileNum : item.file_num,
                            })
                        }
                        that.rewardList = rewardList

                        that.hideModule()
                        that.isRewardsShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询所有通过审核的调岗记录 */
        getPostTrans(){
            const that = this
            let postTransList = []
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryPostTransByUserIdPass', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 岗位调动记录初始化
                        for(let item of res.data.postTransList){
                            postTransList.push({
                                postTransId : item.id,
                                postAdjustTime : item.post_adjust_time,
                                postAdjustNum : item.post_adjust_num,
                                oldPostId : item.old_post_id,
                                newPostId : item.new_post_id,
                                oldDepartId : item.old_depart_id,
                                newDepartId : item.new_depart_id,
                                oldPostName : item.old_read_only_post_name,
                                newPostName : item.new_read_only_post_name,
                                oldDepartName : item.old_read_only_depart_name,
                                newDepartName : item.new_read_only_depart_name,
                                postAdjustReason : item.post_adjust_reason,
                                auditStatus : item.audit_status,
                                auditFailReason : item.audit_fail_reason || '/',
                                // fileNum : item.file_num,
                            })
                        }
                        that.postTransList = postTransList

                        that.hideModule()
                        that.isPostTransShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询所有通过审核的人员状态记录 */
        getUserStatus(){
            const that = this
            let userStatusList = []
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryUserStatusByUserIdPass', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 人员状态记录初始化
                        for(let item of res.data.userStatusList){
                            userStatusList.push({
                                userStatusId : item.id,
                                workNature : item.work_nature,
                                auditStatus : item.audit_status,
                                auditFailReason : item.audit_fail_reason || '/',
                                eventTime : item.event_time,
                                endEventTime : item.end_event_time || '/',
                            })
                        }
                        that.userStatusList = userStatusList

                        that.hideModule()
                        that.isUserStatusShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },

        /* 下载人员状态记录对应的合同 */
        downLoadContract(userStatusId){
            const that = this
            const userId = that.userId
            that.$confirm('是否确认下载?', '提示', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
            }).then(() => {
                _g.showLoading('下载中')
                axios({
                    method: 'post',
                    url: 'admin/contract/downLoadContract',
                    data: {
                        userId,
                        userStatusId
                    },
                    responseType: 'blob'
                }).then(res => {
                    _g.showLoading().close()

                    let blob = new Blob([res.data], {type: "application/msword"});
                    let time = new Date().getFullYear() + '-' + (new Date().getMonth() + 1) + '-' + new Date().getDate()
                    let fileName = `${time}合同.docx`
                    downFile(blob, fileName)
                }).catch((error) => {})
            }).catch(() => {})
        },

        /* 根据用户id查询所有通过审核的职业技能记录 */
        getOccGrade(){
            const that = this
            let occGradeList = []
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryOccGradeByUserIdPass', {userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        // 职业技能记录初始化
                        for(let item of res.data.occGradeList){
                            occGradeList.push({
                                occGradeId : item.id,
                                occGradeStr : item.occ_grade_str,
                                auditStatus : item.audit_status,
                                auditFailReason : item.audit_fail_reason || '/',
                                eventTime : item.event_time,
                            })
                        }
                        that.occGradeList = occGradeList

                        that.hideModule()
                        that.isOccGradeShow = true
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },
        /* 根据用户id查询简历(或身份证或职称证书或离职或学历证书或建行卡或驾驶证或行驶证或交强险或商业险)图片 */
        getPics(type){
            const that = this
            let imgList = []
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/resume/queryResumePicsByUserId', {userId,type}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        that.hideModule()

                        if(type === 1){
                            that.isResumeImgShow = true
                        }else if(type === 2){
                            that.isCardNumImgShow = true
                        }else if(type === 3){
                            that.isCerImgShow = true
                        }else if(type === 4){
                            that.isLeavingImgShow = true
                        }else if(type === 5){
                        }else if(type === 6){
                            that.isEduCerImgShow = true
                        }else if(type === 7){
                            that.isBankCardImgShow = true
                        }else if(type === 8){
                            that.isDriverImgShow = true
                        }else if(type === 9){
                            that.isDrivingImgShow = true
                        }else if(type === 10){
                                that.isTrafficImgShow = true
                        }else if(type === 11){
                            that.isCommercialImgShow = true
                        }

                        for(let item of res.data.resumeFileList){
                            if(item.type === 1){//  简历图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.resumeImages = [].concat(imgList)
                            }else if(item.type === 2){//  身份证图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.cardNumImages = [].concat(imgList)
                            }else if(item.type === 3){//  职称证书图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                            }else if(item.type === 4){//  离职图片图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.leavingImages = [].concat(imgList)
                            }else if(item.type === 5){//  奖惩图片
                            }else if(item.type === 6){//  学历证书图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.eduCerImages = [].concat(imgList)
                            }else if(item.type === 7){//  建行卡图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.bankCardImages = [].concat(imgList)
                            }else if(item.type === 8){//  驾驶证图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.driverImages =  [].concat(imgList)
                            }else if(item.type === 9){//  行驶证图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.drivingImages = [].concat(imgList)
                            }else if(item.type === 10){//  交强险图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.trafficImages = [].concat(imgList)
                            }else if(item.type === 11){//  商业险图片
                                imgList.push({
                                    name : item.resume_file_name,
                                    url : item.resume_file_path,
                                    response : {
                                        data : {
                                            fileId : item.id
                                        }
                                    }      
                                })
                                that.commercialImages =  [].concat(imgList)
                            }
                        }

                        that.$previewRefresh()////如果图片是异步生成的，在图片数据更新后调用
                    }else{
                        _g.toastMsg("error", res.message)
                    }
                }
            })

        },
        /* 重置六项申报扣除 */
        resetSixItem(){
            this.sixItem = {
                declareMethod : null,//申报方式.1无，2自主申报，3公司代扣(需要填写相关信息)
                isSeasPerson : 2,//是否境外人员 1:是,2:否
                provinceName : '',//省名字
                cityName : '',//市名字
                districtName : '',//区(县)名字
                street : '',//街道
                detailAddress : '',//详细地址
                childEduQuota : '',//子女教育额度
                continueEduQuota : '',//继续教育额度
                supportElderQuota : '',//赡养老人额度
                houseRent : '',//租房/购房额度
                isRentHouse :null,//   1租房2购房
            }
        },
        /* 根据用户id查询六项申报扣除 */
        getSixItem(){
            const that = this
            const userId = that.userId

            _g.showLoading('加载中')
            that.apiPost('admin/sixitem/querySixItemByUserId',{userId}).then((res) => {
                _g.showLoading().close()
                if(typeof res === 'string'){
                    res = JSON.parse(res)
                }
                if (res.code != 200) {
                    that.handleError(res)
                } else {
                    if(res.data.isSuccess === 0){             //  成功
                        if(res.data.sixItemList !== null){
                            that.sixItem.declareMethod = res.data.sixItemList.declare_method                            
                            that.sixItem.isSeasPerson = res.data.sixItemList.is_seas_person   

                            if(res.data.sixItemList.declare_method === 3){                          //  如果为公司代扣申报方式
                                                        
                                that.sixItem.childEduQuota = res.data.sixItemList.child_edu_quota !== null ? res.data.sixItemList.child_edu_quota : ''                            
                                that.sixItem.continueEduQuota = res.data.sixItemList.continue_edu_quota !== null ? res.data.sixItemList.continue_edu_quota : ''                             
                                that.sixItem.supportElderQuota = res.data.sixItemList.support_elder_quota !== null ? res.data.sixItemList.support_elder_quota : ''                            

                                // 如果有租房购房
                                if(res.data.sixItemList.is_rent_house !== null){
                                    that.sixItem.street = res.data.sixItemList.street !== null ? res.data.sixItemList.street : ''                            
                                    that.sixItem.detailAddress = res.data.sixItemList.detail_address !== null ? res.data.sixItemList.detail_address : ''    
                                    that.sixItem.houseRent = res.data.sixItemList.house_rent !== null ? res.data.sixItemList.house_rent : ''                            
                                    that.sixItem.isRentHouse = res.data.sixItemList.is_rent_house

                                    // 匹配省、市、区(县)名字
                                    let isFindPro = false                                               //  默认没有匹配省
                                    let isFindCity = false                                               //  默认没有匹配市
                                    for(let item of ADDRLIST){
                                        if(item.code == res.data.sixItemList.province_code){//  如果省匹配
                                            isFindPro = true
                                            that.sixItem.provinceName = item.name
                                            for(let cityItem of item.child){//  遍历市
                                                if(cityItem.code == res.data.sixItemList.city_code){//  如果市匹配
                                                    isFindCity = true
                                                    that.sixItem.cityName = cityItem.name
                                                    for(let regionItem of cityItem.child){//  遍历区县
                                                        if(regionItem.code ==  res.data.sixItemList.district_code){//  如果区县匹配
                                                            that.sixItem.districtName = regionItem.name
                                                            break
                                                        }
                                                    }                                                                                                              
                                                }
                                                if(isFindCity){
                                                    break
                                                }
                                            }
                                        }
                                        if(isFindPro){
                                            break
                                        }
                                    }

                                }
                            }
                        }else{
                            that.resetSixItem()
                        }

                        that.hideModule()
                        that.isSixItemShow = true
                    }else if(res.data.isSuccess === 1){
                        _g.toastMsg("error", res.message)
                    }
                }
            })
        },

        /* 下载简历 */
        downloadFile(){
            let fileUrl = this.fileUrl // 文件地址
            location.href = fileUrl
        },

            /* 根据教育经历学历升排序 */
        sortAscByEducation(){
            let sortEduList = this.eduList
            sortEduList.sort(function(obj1,obj2){
            let val1 = obj1.education
            let val2 = obj2.education
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }   
            });
            this.eduList = sortEduList
        },

        /* 根据奖惩记录 - 奖惩日期升排序 */
        sortAscByRewardTime(){
            let sortRewardList = this.rewardList
            sortRewardList.sort(function(obj1,obj2){
            let val1 = new Date(obj1.rewardsTime).getTime()
            let val2 = new Date(obj2.rewardsTime).getTime()
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }   
            });
            this.rewardList = sortRewardList
        },

        /* 根据调岗记录 调岗时间升排序 */
        sortAscByPostAdjustTime(){
            let sortPostTransList = this.postTransList
            let len = sortPostTransList.length
            sortPostTransList.sort(function(obj1,obj2){
            let val1 = new Date(obj1.postAdjustTime).getTime()
            let val2 = new Date(obj2.postAdjustTime).getTime()
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }   
            });

            // 同步更新在职信息的职位与部门
            if(len > 0){
                this.incumInfo.posName = sortPostTransList[len -1].newPostName
                this.incumInfo.depart = sortPostTransList[len -1].newDepartName
            }

            this.postTransList = sortPostTransList
        },

        /* 根据工作状态开始时间 升排序 */
        sortAscByEventTime(){
            let sortUserStatusList = this.userStatusList
            sortUserStatusList.sort(function(obj1,obj2){
            let val1 = new Date(obj1.eventTime).getTime()
            let val2 = new Date(obj2.eventTime).getTime()
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }   
            });
            this.userStatusList = sortUserStatusList
        },

        /* 根据职业技能记录开始时间 升排序 */
        sortAscByOccGradeEventTime(){
            let sortOccGradeList = this.occGradeList
            sortOccGradeList.sort(function(obj1,obj2){
                let val1 = new Date(obj1.eventTime).getTime()
                let val2 = new Date(obj2.eventTime).getTime()
                if (val1 < val2) {
                    return -1;
                } else if (val1 > val2) {
                    return 1;
                } else {
                    return 0;
                }   
            });
            this.occGradeList = sortOccGradeList
        },

    },
    created() {
        this.userId = this.$route.query.userId  //  用户id
        this.getUserPhoto()
    },
    components: {
    },
    mixins: [http]
  }
</script>

<style scoped>

.avatar-uploader .el-upload {
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .avatar-uploader .el-upload:hover {
    border-color: #409EFF;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 178px;
    height: 178px;
    line-height: 178px;
    text-align: center;

    border: 1px dashed #8c939d;
  }
  /* .avatar {
    width: 178px;
    height: 178px;
    display: block;
    border: 1px dashed #8c939d;
  } */
   .avatar {
    width: 178px;
    height: 250px;
    display: block;
    border: 1px dashed #8c939d;
  }

  /* 填写履历信息 */
h3{
    font-size: 14px;
    color: #ef8200;
    padding-bottom: 10px;
}

.line{
    height: 2px;
    background-color: #ef8200;
}

.addResumeWrapper{
    /* width: 1000px; */
    margin: 20px auto;
    /* border: 1px solid #d1d1d1; */
    padding: 0 20px 20px 20px;
} 


</style>

<style>
/* 重写element下拉列表 */
</style>




